<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page pageEncoding="utf-8" %>
<%@ page session="false" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<%@ taglib prefix="pc" uri="/WEB-INF/tlds/privacy_customs"  %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html>
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="dr_chatree@hotmail.com (tel:(66)0879215115)" />
	<meta name="keywords" content="ERP, Sales and Marketing, CRM, POS, SAP, PROMIS, Interface, SAP Interface, PROMIS Interface" />
	<meta name="description" content="ERP, Sales and Marketing, CRM, POS, SAP, PROMIS, Interface, SAP Interface, PROMIS Interface" />
	<meta http-equiv="X-UA-Compatible" content="IE=9" />		
	<link rel="shortcut icon" href="<pc:GetUrlUriTags value="/resources/image/menu/tis_new_favicon.ico" />" type="image/x-icon" />
	<title><spring:message code="application.label.title.header" /> -- Login</title>
	
	<!-- DR.TREE INCLUDE -->
	<script type="text/javascript" src="<pc:GetUrlUriTags value="/resources/javascript/jquery/jquery-1.10.2.js" />" > </script>
	<script type="text/javascript" src="<pc:GetUrlUriTags value="/resources/javascript/jsClock/jsclock.js" />" > </script>
	<link href="<pc:GetUrlUriTags value="/resources/css/login/style.css" />" rel="stylesheet" type="text/css" />
		
	<!-- Stylesheets -->
	<!-- <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet'> -->
	<style>
		@font-face {
		  font-family: 'Droid Sans';
		  font-style: normal;
		  font-weight: 400;
		  src: url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot);
		  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
		}
	</style>

	<!-- Optimize for mobile devices -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	
</head>
<body>
	<!-- TOP BAR -->
	<div id="top-bar">
		<div class="page-full-width">		
			<!-- <a href="#" class="round button dark ic-left-arrow image-left ">Return to website</a> -->
			<div style="height: 10px;" >&nbsp;</div>
			Language : <a href="?lang=en">English</a>|<a href="?lang=th">Thai</a>		
			Current Locale : ${pageContext.response.locale}
		</div> <!-- end full-width -->	
	</div> <!-- end top-bar -->
	<!-- HEADER -->
	<div id="header">
		
		<div class="page-full-width cf">
			<div id="login-intro" class="fl">
			
				<h1><spring:message code="login.label.loginform.lblIntroduce" /></h1>
				<h5><spring:message code="login.label.loginform.lblCredentials" /></h5>
			
			</div> <!-- login-intro -->
			
			<!-- Change this image to your own company's logo -->
			<!-- The logo will automatically be resized to 39px height. -->
			<a href="<pc:GetTisUrl value="" />" id="company-branding" class="fr"><img src="<pc:GetUrlUriTags value="/resources/image/menu/tis_new_logo.png" />" alt="TIS PROMIS SAP interface" /></a>			
		</div> <!-- end full-width -->	
	</div> <!-- end header -->
	<!-- MAIN CONTENT -->
	<div id="content">
		<form:form id="login-form"  modelattribute="loginForm" commandName="loginForm" method="post" action="login.htm" >
			<span style="color: red; font-size: small;">${message}</span>
			<fieldset>
				<p>
					<label for="login-username"><spring:message code="login.label.loginform.lblUsername" /></label>
					<form:input path="username" class="round full-width-input"  autofocus="autofocus"/>
					<form:errors path="username" cssStyle="color: red; font-size: 0.9em; font-weight: bold;"></form:errors> 
				</p>
				<p>
					<label for="login-password"><spring:message code="login.label.loginform.lblPassword" /></label>					
					<form:password path="password" class="round full-width-input" />
					<form:errors path="password" cssClass="cssError"></form:errors>
				</p>
				
				<p>I've <a href="#"><spring:message code="login.label.loginform.lblForgottenMyPassword" /></a>.</p>				
				<input type="submit" class="button round blue image-right ic-right-arrow" value="<spring:message code="login.label.loginform.btnLogin"/>" />
				
			</fieldset>
			<br/><div class="information-box round"><spring:message code="login.label.loginform.lblLoginInformationRequired" /></div>
		</form:form>
	</div> <!-- end content -->
	
	<!-- FOOTER -->
	<div id="footer">
		<p>&copy; Copyright 2013 <a href="<pc:GetTisUrl value="" />" target="_blank">Thai Informatic Systems Co., Ltd. (TIS)</a>. All rights reserved.</p>
		<p>&nbsp;</p>
	</div> <!-- end footer -->

</body>
</html>